<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 写到外部文件中，可以在不同的页面同时引用 也可以利用浏览器的缓存机制 推荐使用的方式
       script 标签 一旦引入外部js代码，则标签内部则不能写js代码，浏览器默认会忽略它，可以再写一个script标签写-->
    <script type="text/javascript" src="./js/script.js"> </script>
    <script>alert('哈哈')</script>
    <script>
        /*
         严格区分大小写
         以分号结尾，如果不写，浏览器会自动添加，有时候会加错，同时会消耗性能
         会自动忽略多的空格和换行

        */
    </script>
</head>
<body>
    <!-- 可以将js代码写在onclick里
        当我们点击按钮时js代码才会执行
    -->
    <button onclick="alert('讨厌，你点我干嘛？')">点我一下</button>
    
    <!-- 可以将js代码写在超链接的 href里
        当我们点击超链接时js代码才会执行
    -->
    <a href="javascript:alert('让你点你就点？');">你也点我一下</a>
    <!-- 虽然js可以写在标签里，但是结构与行为耦合，不方便维护 -->

</body>
</html>